@charset "UTF-8";




#part1 {
	background-color:#33425f;
	text-align:center;
}

#part1 .content {
	/*background-color:#333333;*/
	display:block;
}
#part2 {
	background-color:#1a213d;
}
/*#part2 .content{
	background-color:#565658;
	display:block;
}*/
#tranche2 {
	background-color:#0890bf;
}

#tranche3 {
	background-color:#FFFFFF;
}

.content {
	margin:auto;
	width:960px;
	text-align:left;
	/*clear:both;*/
}



/* ***** CONTENT ***** */
.mainpage {
	/*background-color:#d9dadb;*/
	background-color:#e5e5e5;
	margin:0;
	padding:0;
	z-index:1;
}

.breadcrumbs {
	/*text-align:left;*/
	
	padding:10px 30px;
	border:1px solid #F4F4F4;
	background-color:#d9dadb;
	color:#333333;
	
	font-weight:400;
	font-size:11px;
	text-decoration:none;
        margin-left: 98px;
}

.breadcrumbs a:link, .breadcrumbs a:visited{
	color:#6d6d6d; 
	text-decoration:none; 
}
.breadcrumbs a:hover, .breadcrumbs a:active{
	color:#DA241D; 
	text-decoration:none; 
}

.grey{
	color: #3E3E3E;
}

#header-text{
	position:relative;
	margin:-80px 0 0 90px;
	font-weight:700;
	font-size: 60px;
	color:#ffffff;
	text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
	text-transform:uppercase;
}

.mainpage .component {
	
	margin:0px;
	
	background-color:#f4f4f4;
	background-color:#ffffff;
	background-color:#fcfcfc;
	-moz-box-shadow:     8px 0 8px -5px #C4C4C4;
   	-webkit-box-shadow:  8px 0 8px -5px #C4C4C4;
   	box-shadow:          8px 0 8px -5px #C4C4C4;
}


.component {
	width:544px;
	padding:30px 120px 30px 50px;
	
	line-height: 18px;
	float:left;
	font-weight:400;
	color:#2a2929;
	min-height:715px;
	text-align: justify;
	font-size:12px;
	/*text-align: left;*/
}

.component ul.blueArrow {
	list-style-image: url(../../../images/template_pics/bigArrowBlue.png);
	padding-bottom:5px;
	padding-left:35px;
}

.component ul {
	line-height:1.5em;
	list-style:square;
	list-style-image:url(../../../images/template_pics/blue-square.gif);
	
	color:#2a2929 ;
	 margin-top:0;
	 margin-bottom:20px; 
	padding-bottom:5px;
	padding-left:15px;
}
.component ul li, .component ol li{
	margin-bottom: 10px;
}
.component ol {
	line-height:1.5em;
	color:#DA241D;
	
	
	margin:0px 0 20px 0;
	padding:0 0 5px 18px;
}
.component ol span{
	color:#2A2929;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: justify;
	font-family:Arial, sans-serif;
}
hr {
	border:0px; 
	border-top:1px dotted #999999;
	margin:0px 0 50px 0;
}

.blue {
	color:#DA241D;
	
}
.blueBold {
	color:#DA241D;
	font-weight:700;
}
.blueCapital {
	color:#DA241D;
	text-transform:uppercase;
}

.component p {
	margin:0px;
	line-height:1.5em;
}
.component p.important {
	margin:0px;
	line-height:1.5em;
}
.right{
	float:left;
	width:246px;
	text-align:left;

}





.important{
	color:#DA241D;
	width:330px;
	margin:20px 85px 50px 85px;
	padding-left:20px;
	background:url(../../../images/template_pics/blue-square.gif) no-repeat;
	background-position:0 3px;
}

/* ***** FAQs ***** */	

/*seperate template: tempalte_faq.css*/


/* ****** FORMS ********** */
fieldset{
	background-color:#e8e8e8;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin:0;
	margin-top:-20px;
	padding:20px  60px 20px 65px;
	margin-bottom:40px;
	text-align:left;
}
legend{
	position:static;
	margin:0 0 0 0;
	padding:0 0 20px 20px;
	
	height:0px;
	background:url(../../../images/template_pics/green-arrow-down.gif) no-repeat ;
	background-position:0 2px;	
	
}
legend.sub{
	padding-left:40px;
	background-position:20px 2px;
}
legend span, #sectionA-1part, #accounttype{
	color:#037d96;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
#accounttype{
	margin:0 0 0 0;
	padding:0 0 10px 20px;
	width:460px;
}
.sectionA{
	background-color:#e8e8e8;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin:0;
	padding:20px  65px;
	margin-bottom:40px;
	text-align:left;
	margin-top:-19px;
}

#sectionA-1part{
	position:static;
	margin:0 0 0 0;
	padding:0 0 20px 20px;
	
	height:0px;
	background:url(../../../images/template_pics/green-arrow-down.gif) no-repeat ;
	background-position:0 2px;	
	
}
#sectionA-2part{
	background-color:#e8e8e8;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 0 0 5px 5px ;	
	margin-top:-40px;
	
	padding:0 65px 20px 65px;
	margin-bottom:40px;
	text-align:left;
}

.sectionA-content{

	
}
#demoaccount .seperator-line{
	border-top:1px solid #cdcdcd; 
	border-bottom:1px solid #f3f3f3;
	margin:5px 0 20px 0 ;	
}
#personal-account .seperator-line{
	border-top:1px solid #cdcdcd; 
	border-bottom:1px solid #f3f3f3;
	margin:5px 0 20px 0 ;	
}

 label{
	float:left;
	width:150px;
	margin:10px 15px 0 40px;
	font-weight:400;
	/*font-family:font-family:'Lato', Arial, sans-serif ;*/	
	letter-spacing:normal;
}
 label.doc{
	 width:400px;
 }
.description label {
	float:left;
	width:267px;
	margin:10px 15px 0 40px;
	text-align:justify;	
	min-height:40px;
}
label.label-radio{
	width:30px;
	margin-left:100px
	
}
input {
	float:left;
	margin:10px 15px 0 0;
	width:272px;
	padding: 2px 4px;
}
input.documents{
	margin:10px 15px 0 40px;
	
}
input.phone1 {
	float:left;
	margin:10px 15px 0 0;
	width:40px;
	padding: 2px 4px;
}

input.phone3 {
	float:left;
	margin:10px 15px 0 0;
	width:142px;
	padding: 2px 4px;
}

input.radio {
	float:left;
	margin:12px 15px 0 0;
	width:10px;
	
}
input#fitness1-specify, input#doc1, input#doc2, input#doc3{
	float:left;
	margin:10px 15px 0 40px;
	width:272px;
	padding: 2px 4px;
}

.buttongroup{
	float:left;
	
	width:272px;
	text-align:left;
	
}
.buttongroup label{
	margin-left:0;
	margin-right:0;
	width:240px;
}
.bankgroup{
	margin-left:40px;
}
.bankgroup input.radio {
	float:left;
	margin:12px 15px 0 0;
	width:10px;
	
}
.bankgroup label{
	width:140px;
}
.bankgroup input{
	width:235px;
}
label.bankradio{
	margin-left:8px;
}


select {
	float:left;
	margin:10px 15px 0 0;
	width:165px;
}

textarea {
	float:left;
	margin:10px 15px 0 0;
	width:160px;
	height:50px;
}
select.type{
	margin-left:20px;
	width:272px;
}
select.birthday1 {
	width:55px;
}
select.birthday2 {
	width:122px;
}
select.birthday3 {
	width:75px;
}
.checkbox{
	
	margin:10px 15px 0 40px;
}
.checkbox input{
	width:10px;
	margin-top:5px;
}

.information-text{
text-align:justify;
margin:0px 0px 20px 40px;
}
.information-text h4{
margin:20px 0 5px 0;
font-weight:400;
}
#infoPersPolCom{
	display:inline;
	z-index:200;
	padding:6px 10px;
	
	background-color:#DA241D;
	color:white;
}
#infoPersPolCom a{
	color:white;
	text-decoration:none;
}
#infoPersPolCom-help{
	position:relative;
	margin-top:-25px;
}
.info{
	float:left;
	z-index:200;
	padding:6px 10px;
	margin-bottom:10px;
	background-color:#DA241D;
	color:white;
}
.info a{
	color:white;
	text-decoration:none;
}
.info-help{
text-align:justify;
margin:-3px 0px 20px 40px;
}
#popupbox{
	position:fixed;
	color:white;
	/*left:270px;*/
	top:150px;
	width:300px;
	height:60px;
	background-color:#DA241D;
	padding:30px 40px;
	text-align:center;
	margin:auto;
	margin-left:200px
}
#register{
	background:url(../../../images/template_pics/button_submit.png) no-repeat;
	width:142px;
	height:28px;
	border:0;
	cursor:pointer;	
	color:#003a44;
	font-weight:700;
	text-transform:uppercase;
	font-size:14px;
	/*font-family:"Lato",Arial, sans-serif;*/
	padding-top:0px;
	text-shadow: 0 1px 1px #FFFFFF;
}

#register:hover{
	background:url(../../../images/template_pics/button_submit_on.png) no-repeat;
	
}

#warnings{
	margin-bottom:30px;
	
}


.seperator-footer1{
	height:0;
	border-top:1px solid #d9d9d9; 
	border-bottom:1px solid #f3f3f3; 

}

#footer1 h3 {
	font-weight:700;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	color:#444444;
	font-size:14px;
	text-shadow: 0px 1px 1px #FFFFFF;
	
}
#footer1 a:link, #footer1 a:visited{
	text-decoration:none;	
	color:#4a4a4a;
}
#footer1 a:hover, #footer1 a:active{
	text-decoration:none;	
	color:#DA241D;
}
#footer1 ul {
	list-style:none;
	padding:0;
	margin:0px;
}
#footer1 li{
padding:0 0 5px 0;
}
/* wisth Footer App*/
#descAppFooter {
	width:100px;
	margin:0;
	padding:0;
}









/***********DropDown**********/
.dropdownBox{
	margin:15px 0 50px 0px;
}
#webinars .dropdownBox{
	margin:15px 0 30px 0px;
}
.dropdown{
	height:13px;
	color:#1d4960;
	font-size:12px;
	font-weight:400;
	/*text-transform:uppercase;*/
	
	border-bottom:2px solid #DA241D;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	margin:0;
	padding:10px 60px;
	background:url(../../../images/template_pics/grey-arrow-down.gif) no-repeat left #f3f3f3;
	background-position:30px;
	
}

#webinars .dropdown{
	height:40px;
	padding:5px 60px;
	background-position:30px 28px;
}
.dd-content{ 
	padding:30px;
	background-color:#ededee;
	
	/*border-top:1px solid #ffffff;*/
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	margin-bottom:20px;
	}
/***********Webinar**********/

.webinar-info{
	font-size:10px;
	font-weight:400;
	text-transform:none;
}

.webinar-register{
	background:url(../../../images/template_pics/button_submit.png) no-repeat left #e4e4e5;
	margin-top:20px;
	width:142px;
	height:18px;
	text-align:center;
	padding:5px 0;
}
.webinar-register a{
	text-decoration:none;
	color:#1d4960;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	
}
.event-date{
float:right;	
}

/********* Careers**********/
.careers h3{
	color:#DA241D;
}
/*****News****/
hr.blog{
	border:0px; 
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #FFFFFF;
	margin:0;
	width:544px;
}
.pagination{
margin-top:20px;
}
.pagination .counter{
float:left;
width:100px;
}
.pagination ul li{
	float:left;
	margin-right:18px;
	list-style:none;
}

.article-info{
margin-top:0;
}
.published{

color:#878787;
margin:-5px 0 20px 0;
}

/*******CONTACT US**********/

.contact fieldset{
	margin:0 0 0 0;
	padding:20px;
	
	
}
.form-title{
	margin:0 40px;
	/*padding:0 40px;*/
}

.contact legend{
	position:static;
	margin:100px 0 0 0;
	padding:0 40px;
	height:auto;
	/*top:80px;*/
	background-image:none;
}
.contact label{

}
.contact input#jform_contact_email_copy{
	padding:0;
	width:15px;
}
.contact input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.contact textarea{
	width:272px;
	height:100px;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.contact .button{
	background:url(../../../images/template_pics/button_submit.png) no-repeat;
	width:142px;
	height:28px;
	border:0;
	cursor:pointer;	
	color:#003a44;
	font-weight:700;
	text-transform:uppercase;
	font-size:12px;
	font-family: Arial,sans-serif;
	padding-top:0px;
	text-shadow: 0 1px 1px #FFFFFF;
	margin-top:20px;
}
.contact .button:hover{
	background:url(../../../images/template_pics/button_submit_on.png) no-repeat;
}
.contact hr{
	margin:35px 0 50px 0;
}
.contact h3{
	color: #1D4960;
    font-size: 12px;
    font-weight: 700;
    margin: 20px 0 0;
    text-transform: none;
}
.contact #intro{
	margin-bottom:35px;
}
.contact .addressTitles{
	float:left;
	width:160px;
}
.contact .contact-address{
	display:block;
	width:300px;
	float:left;
}
/*low trading costs*/
.lowTradingCosts-left{
	float:left;
	width:315px;
}
.lowTradingCosts-right{
	float:right;	
	width:223px;
}
/*careers*/
.careers-img{
	float:left;
	335px;
	margin-right:9px;
}
.careers-text{
	float:right;
	width:400px;
	padding-bottom:35px;
}
/*events and webinars*/

/*#detail-desc p, #detail-date-list, #icagenda .icinfo .details{*/
#icagenda .icinfo , #icagenda h2{
	padding:20px;
}

#icagenda .icinfo {
	position: relative;
}

#icagenda h2 {
	width: 65%;
	line-height: 19px;
}

#icagenda .event {
	min-height: 105px;
}

#icagenda .icinfo .details{
	padding:0;
}
#icagenda .content h2 {
    padding: 0;
	margin: 20px 0px 10px 0;
	
}
#icagenda .more{
	
	float:right;
}
#icagenda .titre h1 {
	text-align:left;
}
#icagenda small{
	padding:20px;
}
#icagenda .evttime {
    font-size: 12px;
}
.webinar-label{
	font-weight:700;
	float:left;
	/*min-width: 100px;*/
	min-width: 115px;
}
.webinar-content{
	padding: 0;
	float:left;
}

.webinar-content sup {
	line-height: 0;
}

/* reset pass and remind username */

.remind p, .reset p, .reset-confirm p, .reset-complete p {
    background: none repeat scroll 0 0 #E7E7E7;
    border-bottom: 1px solid #DBDBDC;
    border-top: 3px solid #029CB8;
    color: #029CB8;
    /*font-weight: bold;*/
    /*height: 10px;*/
    margin: 0;
    padding: 20px;
    /*text-transform: uppercase;*/
}

.component .remind form, .component .reset form, .component .reset-confirm form, .component .reset-complete form {
	border-radius:0;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F6F5F3;
    border-color: #FFFFFF #DBDBDC #DBDBDC;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #636162;
}
.component .remind form fieldset, .component .reset form fieldset, .component .reset-confirm form fieldset, .component .reset-complete form fieldset {
    background: none repeat scroll 0 0 #F6F5F3;
    border: medium none;
    border-radius: 0;
    color: #636162;
    margin: 0;
    padding: 10px 20px;
}

.component .remind form button, .component .reset form button, .component .reset-confirm button,  .component .reset-complete button {
    background: url("/images/template_pics/button_submit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #4F4F4F;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 26px;
    margin: 20px 20px 20px 17px;
    text-align: center;
    text-shadow: 0 1px 1px #FFFFFF;
    text-transform: uppercase;
    width: 140px;
}
.component .remind form button:hover, .component .reset form button:hover, .component .reset-confirm button:hover, .component .reset-complete button:hover {
    background: url("/images/template_pics/button_submit_on.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.component .remind form label, .component .reset form label, .component .reset-confirm form label, .component .reset-complete form label {
    float: left;
    font-weight: 400;
    letter-spacing: normal;
    margin: 10px 15px 0 0;
    width: auto;
}

.component .reset-confirm form label,.component .reset-complete form label {clear: left; width:124px}

.component .remind form fieldset dd input, .component .reset form fieldset dd input {
	border:none;
	border-color: #ECEEF1;
	box-shadow: 0 1px 0 #B6B8BD inset;
	padding: 2px 4px;
}